@extends('host.custom.common.common')

@section('c-head')
    <script type="text/javascript">
        var PAGE_DATA = {
            pagingObj : {
                total : 0,
                pageSize : 7,
                page : 1
            },
            // status, mxstatus
            statusData : [{
                code : "0",
                text : "全部00"
            }, {
                code : "1",
                text : "成功"
            }, {
                code : "2",
                text : "失败"
            }, {
                code : "3",
                text : "申请中"
            }
            ],
            mxstatusData : [{
                code : "0",
                text : "结算申请"
            }, {
                code : "1",
                text : "订单收入冻结"
            }, {
                code : "2",
                text : "订单收入解冻"
            }, {
                code : "3",
                text : "结算成功"
            }
            ]
        };
    </script>
@stop

@section('body')
        <!-- top_test -->
<div id="top_test"></div>

<!-- web_logo_search -->
<div id="web_logo_search"></div>

<!-- comm_nav -->
<div id="comm_nav"></div>

<div class="com-w mt20">
    <div class="wrapper clearfix">
        <div class="w220 mr20 comm-left-menu">
            <div class="menu-top-title">供应商中心</div>
            <div id="leftmenuitems"></div>
        </div>
        <div class="w960 comm-main">
            <div class="main-release clearfix">
                <div class="main-release-nav">您当前的位置：首页 > 供应商中心</div>
                <div class="main-release-title">
                    <span class="icons"></span>
                    <span class="release-title-h3 f16">结算管理</span>
                </div>
                <div class="main-release-from">
                    <div class="user-balance">
                        <div class="account-balance">
                            <span class="money-left">账户总金额：</span>
                            <span class="money-right" id="totalprice">0.00</span>
                            元
                        </div>
                        <div class="account-balance1">
                            <div class="clearfix money f14">
                                <span class="money-left f14">可用金额：</span>
                                <span class="money-right" id="availableprice">0.00</span>
                                元
                            </div>
                            <div class="clearfix money f14">
                                <span class="money-left f14">结算保护金额：</span>
                                <span class="money-right" id="protectedprice">0.00</span>
                                元
                            </div>
                            <div class="clearfix money f14">
                                <span class="money-left f14">冻结中的金额：</span>
                                <span class="money-right" id="freeze">0.00</span>
                                元
                            </div>
                        </div>
                    </div>
                    <div id="commTabs_1" class="comm-tabs">
                        <div class="comm-tabs-head">
                            <div class="head-item current">结算申请</div>
                            <div class="head-item">结算记录</div>
                            <div class="head-item">账户明细</div>
                            <div class="head-item">账户设置</div>
                        </div>
                        <div class="comm-tabs-body">
                            <div class="body-item current">
                                <form id="myform1" method="post" action="" class="myform1 myform">
                                    <p>
                                        <label for="withdraw-deposit" class="pro-name">提现金额：</label>
                                        <!-- id和name最好同时写上 -->
                                        <input type="text" name="withdraw" id="withdraw"  placeholder="请输入要结算的金额" />
                                    </p>
                                    <p>
                                        <label for="bank-user-info" class="pro-name">我的银行账户信息：</label>
                                        <a href="javascript:void(0)" class="btn btn-default btn-w122x30" id="sz">修改账户信息</a>
                                    </p>
                                    <div class="bank-user-in" id="acct">
                                        <p>
                                            <label for="bank-name" class="pro-name">银行名称：</label>
                                            <input type="text" id="bankname" name="bankname" readonly />
                                        </p>
                                        <p>
                                            <label for="bank-num" class="pro-name">银行行号：</label>
                                            <input type="text" id="cardnum" name="cardnum" readonly />
                                        </p>
                                        <p>
                                            <label for="user-name" class="pro-name">姓名：</label>
                                            <input type="text" id="name" name="name" readonly />
                                        </p>
                                        <p>
                                            <label for="bank-name" class="pro-name">账号：</label>
                                            <input type="text" id="account" name="account" readonly />
                                        </p>
                                        <p class="bank-text">提示：请核实您的收款银行账户信息，银行名称需要精确到支行分理处，如错误提现操作将不能成功。</p>
                                    </div>
                                    <p style="margin-left: 280px;margin-top: 30px; margin-bottom: 66px;" id="acctsub">
                                        <input class="w200x48 bgr btr b-r fff"  type="button" id="txsub" value="提交" />
                                    </p>
                                </form>
                            </div>
                            <div class="body-item">
                                <div class="h60 w960">
                                    <div class="closing-time">
                                        成交时间：
                                        <input type="text" id="startTime" value="" />
                                        -
                                        <input type="text" id="endTime"  value="" />
                                        状态：
                                        <select id="status">

                                        </select>
                                        <div id="search-btn-1" class="btn btn-warn btn-w70x32">搜索</div>
                                    </div>
                                </div>
                                <div class="comm-tbl comm-tabl-1">
                                    <div class="head">
                                        <ul class="clearfix">
                                            <li class="w120">序号</li>
                                            <li class="w60">金额</li>
                                            <li class="w60">类型</li>
                                            <li class="w160">申请时间</li>
                                            <li class="w160">处理时间</li>
                                            <li class="w60">状态</li>
                                            <li class="w120">备注</li>
                                            <li class="w200">详情</li>
                                        </ul>
                                    </div>
                                    <div id="commTabs_2_body" class="body clearfix">


                                    </div>

                                </div>
                                <div id="comm-paging" class="comm-paging" style="float: right;"></div>
                            </div>
                            <div class="body-item detail">
                                <div class="h60 w960">
                                    <div class="closing-time">
                                        成交时间：
                                        <input type="text" id="mxstartTime" value="" />
                                        -
                                        <input type="text" id="mxendTime"  value="" />
                                        类型：
                                        <select id="mxstatus">

                                        </select>
                                        <div id="search-btn-detail" class="btn btn-warn btn-w70x32">搜索</div>
                                    </div>
                                </div>
                                <div class="comm-tbl">
                                    <div class="head">
                                        <ul class="clearfix">
                                            <li class="w120">序号</li>
                                            <li class="w120">类型</li>
                                            <li class="w120">变动金额</li>
                                            <li class="w120">可用余额</li>
                                            <li class="w120">提现保护</li>
                                            <li class="w120">支付冻结</li>
                                            <li class="w200">时间</li>

                                        </ul>
                                    </div>
                                    <div id="commTabs_1_body" class="body clearfix">


                                    </div>

                                </div>
                                <div id="comm-paging1" class="comm-paging" style="float: right;"></div>
                            </div>
                            <div class="body-item">
                                <form id="myform" method="post" action="" class="myform">
                                    <p>
                                        <label for="bank-name" class="pro-name">银行名称：</label>
                                        <!-- id和name最好同时写上 -->
                                        <input type="text" name="bname" id="bname"  />
                                    </p>
                                    <p>
                                        <label for="back-num" class="pro-name">银行行号：</label>
                                        <input type="text" id="backnum" name="backnum"  class="{required:true,minlength:5}" />
                                    </p>
                                    <p>
                                        <label for="myname" class="pro-name">姓名：</label>
                                        <input type="text" id="myname" name="myname" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />
                                    </p>
                                    <p>
                                        <label for="account" class="pro-name">账号：</label>
                                        <input type="text" id="myaccount" name="myaccount" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />
                                    </p>
                                    <p style="margin-left: 282px;margin-top: 30px; margin-bottom: 66px;">
                                        <input class="w200x48 bgr btr b-r fff"  type="button" id="editsub" value="提交修改" />
                                    </p>
                                </form>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- foot_nav -->
<div id="foot_nav"></div>

<div id="bottom_main"></div>
<script type="text/template" id="item-template1">
    <%_.each(obj, function(item){%>

    <ul class="one-line clearfix">
        <li class="w120 list-1"> <%=item.policyname%></li>
        <li class="w60 list-2 "> <%=item.context%></li>
        <li class="w60 list-1"> <%=item.operate%></li>
        <li class="w160 list-1"> <%=item.applicationtime%></li>
        <li class="w160 list-1"> <%=item.processingtime%></li>
        <li class="w60 list-1"> <%=item.state%></li>
        <li class="w120 list-1"> <%=item.remark%></li>
        <li class="w200 list-1" >
            <a class="btn btn-default btn-w80x30 mt10" href="<%=item.detail_url%>" >查看详情</a>
        </li>
    </ul>

    <%});%></script>

<script type="text/template" id="item-template">
    <%_.each(obj, function(item){%>

    <ul class="one-line clearfix">
        <li class="w120 list-1"> <%=item.policyname%></li>
        <li class="w120 list-1 "> <%=item.context%></li>
        <li class="w120 list-2"> <%=item.operate%></li>
        <li class="w120 list-2"> <%=item.availablebalance%></li>
        <li class="w120 list-2"> <%=item.presentprotection%></li>
        <li class="w120 list-2"> <%=item.paymentfreeze%></li>
        <li class="w200 list-1" > <%=item.time%></li>
    </ul>

    <%});%></script>

<link rel="stylesheet" href="/assets/b2b/css/jquery-ui.min.css">
<script src="/assets/b2b/js/libs/jquery.validate.min.js"></script>
<script src="/assets/b2b/js/libs/messages_zh.js"></script>
<script src="/assets/b2b/js/libs/jquery.ajaxfileupload.js"></script>
<script type="text/javascript" src="/assets/b2b/js/libs/dialog-min.js"></script>
<script src="/assets/b2b/js/libs/jquery.paging.min.js"></script>
<script src="/assets/b2b/js/libs/jquery-ui.min.js"></script>
<script src="/assets/b2b/js/pageModules/supplyer/S23-24-25-26.js"></script>
@stop